<!DOCTYPE html>
<html lang="en">
	<head>
		<title>预约页面</title>
		<!--#include file="/pages/common/head.html"-->
	</head>

	<body>
		<div id="navbar" class="navbar navbar-default">
			<div id="navbar-container" class="navbar-container">
				<div class="navbar-header pull-left">
					<a class="navbar-brand" href="#">
						<small>
							<i class="icon-leaf"></i>
							音像商店管理系统
						</small>
					</a><!-- /.brand -->
				</div><!-- /.navbar-header -->
			</div><!-- /.container -->
		</div>

		<div class="main-container" id="main-container">
			<div class="main-container-inner">
				<div class="main-content" style="margin-left:0;">
					<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
										<div class="page-header">
											<h1>
												请您预约！
											</h1>
										</div>
										<div class="widget-box">
											<div class="widget-header widget-header-blue widget-header-flat">
												<h4 class="smaller">商品预约</h4>
											</div>

											<div class="widget-body">
												<div class="widget-main">
													<div class="row">
														<div class="col-sm-3">商品名称</div>
														<div class="col-sm-9">xxx</div>
													</div>
													<div class="space-8"></div>
													<div class="row">
														<div class="col-sm-3">商品描述</div>
														<div class="col-sm-9">xxx</div>
													</div>
													<div class="space-8"></div>
													<div class="row">
														<div class="col-sm-3">供应商</div>
														<div class="col-sm-9">xxx</div>
													</div>
													<div class="space-8"></div>
													<div class="row">
														<div class="col-sm-3"> 预约时间 </div>
														<div class="col-sm-4">
															<div class="input-group">
																<input class="form-control date-picker" type="text" data-date-format="dd-mm-yyyy" name="createdTime" value="" />
																<span class="input-group-addon">
																	<i class="icon-calendar bigger-110"></i>
																</span>
															</div>
														</div>
													</div>
													<div class="space-8"></div>
													<div class="row">
														<div class="col-sm-3">会员编号</div>
														<div class="col-sm-9">
															<input type="text" placeholder="会员编号" class="col-xs-10 col-sm-5" name="" value="" />
														</div>
													</div>
													<hr>
													<div class="row-fluid wizard-actions">
														<button class="btn btn-prev" disabled="disabled">
															<i class="icon-arrow-left"></i>
															返回列表
														</button>

														<button data-last="Finish " class="btn btn-success btn-next">
															提交预约
															<i class="icon-arrow-right icon-on-right"></i>
														</button>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!--#include file="/pages/common/footer.html"-->
		<script src="/resources/js/bootstrap-datepicker.min.js"></script>
		<script type="text/javascript">
			$('.date-picker').datepicker({autoclose:true}).next().on(ace.click_event, function(){
				$(this).prev().focus();
			});
		</script>
	</body>
</html>
